<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
          name="viewport">
    <meta content="ie=edge" http-equiv="X-UA-Compatible">
    <title>项目配置界面</title>
    <!--toast-->
    <link href="../metronic/assets/global/plugins/jquery.toast.css " rel="stylesheet"/>
    <script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery.toast.min.js" type="text/javascript"></script>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.min.css" rel="stylesheet"
          type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link href="../metronic/assets/global/plugins/select2/select2.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"
          rel="stylesheet"
          type="text/css"/>
    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="../metronic/assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-editable.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table-fixed-columns.css" rel="stylesheet"
          type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/bootstrap-select/bootstrap-select.css"
            rel="stylesheet"
    />
    <!-- END THEME STYLES -->
    <style type="text/css">
        .form-horizontal .form-group {
            margin-right: 0px;
            margin-left: 0px;
        }

        .table {
            border-top: solid 3px #F3565D;
        }

        #tab_left .active {
            border-left: solid 3px #F3565D;
        }

        .select2-container .select2-choice {
            height: 30px !important;
            border-radius: 4px !important;
        }

        .tableft {
            margin-left: 90px !important;
        }

        html, body {
            height: 100%;
        }

        .portlet-body {
            height: 100vh;
        }


    </style>
</head>

<body
        class="page-header-fixed page-quick-sidebar-over-content "
        style="width: 98%; background: #0f0; background-color: transparent;"
>
<div class="row" style="margin-top:16px;">
    <div class="col-md-12">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="portlet box blue-steel">
            <div class="portlet-title">
                <div class="caption"><i class="fa fa-globe"></i>服务类别</div>
                <div class="actions">
                    <a
                            class="btn btn-default btn-sm"
                            href="javascript:;"
                            id="btn_add"
                    >
                        <i class="fa fa-plus"></i> 新增
                    </a>
                    <a
                            class="btn btn-default btn-sm"
                            href="javascript:;"
                            id="btn_edit"
                    >
                        <i class="fa fa-edit"></i> 修改
                    </a>
                    <a
                            class="btn btn-default btn-sm"
                            href="javascript:;"
                            id="btn_del"
                    >
                        <i class="fa fa-remove"></i> 删除
                    </a>

                </div>
            </div>
            <div class="portlet-body">
                <div class="table-toolbar">
                    <div class="row">
                        <div class="col-md-3">
                            <input
                                    class="form-control"
                                    id="seachTxt"
                                    placeholder="请输入关键字"
                                    type="text"
                            />
                        </div>
                        <div class="col-md-6">
                            <div class="btn-group">
                                <button class="btn blue-steel" id="btn_Search">
                                    查询 <i class="fa fa-search"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <table id="tb_dataList"></table>
            </div>
        </div>
        <!-- END EXAMPLE TABLE PORTLET-->
    </div>
</div>

<!-- Begin添加修改modal -->
<div aria-hidden="true" class="modal fade" id="EditContent" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button
                        aria-hidden="true"
                        class="close"
                        data-dismiss="modal"
                        type="button"
                ></button>
                <h4 class="modal-title">类别配置维护</h4>
            </div>
            <div class="modal-body">
                <div
                        class="scroller"
                        data-always-visible="1"
                        data-rail-visible1="1"
                        style="height:250px"
                >
                    <div class="form-horizontal form-body">
                        <div class="form-group">
                            <label class="col-md-3 control-label">类别编码</label>
                            <div class="col-md-9">
                                <input
                                        class="form-control input-inline input-medium"
                                        id="pcode"
                                        name="pcode"
                                        placeholder="请输入类别编码"
                                        type="text"
                                />
                                <span class="help-inline" id="valide_pcode"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">类别名称</label>
                            <div class="col-md-9">
                                <input
                                        class="form-control input-inline input-medium"
                                        id="pname"
                                        name="pname"
                                        placeholder="请输入类别名称"
                                        type="text"
                                />
                                <span class="help-inline" id="valide_pname"></span>
                            </div>
                        </div>
                        <!-- <div class="form-group">
                                    <label class="col-md-3 control-label">工程类型</label>
                                    <div class="col-md-9">
                                        <select id="ptype" name="ptype"  class="form-control input-inline input-medium" placeholder="请选择工程类型" >
                                            <option value="">请选择工程类型</option>
                                            <option value="frame">框架配置</option>
                                            <option value="page">页面配置</option>
                                        </select>
                                        <span id="valide_ptype" class="help-inline"></span>
                                    </div>
                                </div> -->
                        <div class="form-group">
                            <label class="col-md-3 control-label">类别说明</label>
                            <div class="col-md-9">
                                <input
                                        class="form-control input-inline input-medium"
                                        id="pdesc"
                                        name="pdesc"
                                        placeholder="请输入类别说明"
                                        type="text"
                                />
                                <span class="help-inline" id="valide_pdesc"> </span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label">数据源</label>
                            <div class="col-md-9">
                                <select
                                        class="selectpicker show-tick form-control input-inline input-medium"
                                        data-actions-box="true"
                                        data-live-search="true"
                                        id="dataSource"
                                        multiple
                                        name="dataSource"
                                >
                                </select>
                                <span class="help-inline" id="valide_datasource"></span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label">备注</label>
                            <div class="col-md-9">
                                <input
                                        class="form-control input-inline input-medium"
                                        id="remark"
                                        name="remark"
                                        placeholder="请输入备注信息"
                                        type="text"
                                />
                                <span class="help-inline" id="valide_remark"></span>
                            </div>
                        </div>
                        <input id="guid" name="guid" type="hidden"/>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn default" data-dismiss="modal" type="button">
                    关闭
                </button>
                <button class="btn blue-steel" id="btn_save" type="button">
                    保存
                </button>
            </div>
        </div>
    </div>
</div>
<!-- End添加修改 -->


<!--Begin js-->
<!--<script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>-->
<script src="../metronic/assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.min.js"
        type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="../metronic/assets/global/scripts/metronic.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-zh-CN.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-editable.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-editable.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-fixed-columns.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-select/bootstrap-select.js"></script>
<script src="../metronic/assets/global/plugins/bootstrap-select/i18n/defaults-zh_CN.js"></script>
<script src="../js/project/projectManager.js" type="text/javascript"
></script>
</body>
</html>
